<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Ctrl + / 注释快捷键 -->
  <!-- title:浏览器标题栏 -->
  <title>Html基础知识</title>
  <!-- 导入css文件 -->
  <link rel="stylesheet" href="css/index.css">

</head>

<body>
  <!-- alt + shift + F 格式化代码快捷键 -->
  <!-- hn 标题，n可以是1-6 -->
  <h1 class="tc">黑暗骑士的Html基础知识</h1>
  <!-- hr:水平标尺，分割线 -->
  <hr>

  <div>
    <a href="flexbox.html">压力布局基础知识</a>
    |
    <a href="position.html">固定定位和绝对定位</a>
    |
    <a href="qqmail/index.html">QQ邮箱模拟</a>
    level01
  </div>
</body>

</html>